<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>自助小程序</title>

    {{template "template/css.html" .}}

</head>

<body>
<section id="container">
    <!-- **********************************************************************************************************************************************************
TOP BAR CONTENT & NOTIFICATIONS
*********************************************************************************************************************************************************** -->
    <!--header start-->
    {{template "template/header.html" .}}
    <!--header end-->
    <!-- **********************************************************************************************************************************************************
MAIN SIDEBAR MENU
*********************************************************************************************************************************************************** -->
    <!--sidebar start-->
    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu" id="nav-accordion">
                {{if IfOr .right }}
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-home"></i>
                            <span>商户管理</span>
                        </a>
                        <ul class="sub">
                            <li>
                                <a href="/merchant/list_UI/">XF通道</a>
                            </li>
                        </ul>
                    </li>
                {{end}}
                {{/*                {{if IfOrB2C .right }}*/}}
                {{/*                    <li class="sub-menu">*/}}
                {{/*                        <a class="active" href="javascript:;">*/}}
                {{/*                            <i class="glyphicon glyphicon-flag"></i>*/}}
                {{/*                            <span>B2C业务</span>*/}}
                {{/*                        </a>*/}}
                {{/*                        <ul class="sub">*/}}
                {{/*                            <li>*/}}
                {{/*                                <a href="/transfer/show_transfer/">B2C转账</a>*/}}
                {{/*                            </li>*/}}
                {{/*                            <li class="active">*/}}
                {{/*                                <a href="/transfer/show_transfer_record/">B2C转账记录</a>*/}}
                {{/*                            </li>*/}}
                {{/*                        </ul>*/}}
                {{/*                    </li>*/}}
                {{/*                {{end}}*/}}
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="glyphicon glyphicon-eur"></i>
                        <span>自助充值</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="/merchant/show_recharge/">线下充值</a>
                        </li>
                        <li>
                            <a href="/merchant/show_bulk_recharge_ui/">批量充值</a>
                        </li>
                        <li>
                            <a href="/merchant/list_recharge/">充值记录</a>
                        </li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="glyphicon glyphicon-share"></i>
                        <span>自助代付</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="/merchant/show_pay/">在线代付</a>
                        </li>
                        <li>
                            <a href="/merchant/show_bulk_pay_ui/">在线批量代付</a>
                        </li>
                        <li>
                            <a href="/merchant/list_pay_ui/">代付记录</a>
                        </li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="glyphicon glyphicon-user"></i>
                        <span>个人信息</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="/merchant/edit_userInfo_ui/">修改信息</a>
                        </li>
                    </ul>
                </li>
                {{if IfOr .right }}
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-piggy-bank"></i>
                            <span>管理员操作</span>
                        </a>
                        <ul class="sub">
                            <li>
                                <a href="/user/user_manage_ui/">用户管理</a>
                            </li>
                            <li>
                                <a href="/user/reconcile_ui/">对账管理</a>
                            </li>
                            <li>
                                <a href="/merchant/list_pMinus/">加减款明细</a>
                            </li>
                        </ul>
                    </li>
                {{end}}
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <!--sidebar end-->
    <!-- **********************************************************************************************************************************************************
MAIN CONTENT
*********************************************************************************************************************************************************** -->
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <h3><i class="fa fa-angle-right"></i> 充值记录</h3>
            <!-- BASIC FORM ELELEMNTS -->
            <div class="row mt">
                <div class="col-lg-12">
                    <div class="form-panel">
                        <form class="form-horizontal style-form" method="get">
                            <table class="table table-striped table-advance table-hover">
                                <lable class="form-inline">
                                    {{if IfOr .right }}
                                        <input type="text" class="form-control" id="_t_userName" placeholder="用户名">
                                    {{end}}
                                    <input type="text" class="form-control" id="accountName" placeholder="订单编号"
                                           autofocus>
                                    <label>更新时间：</label>
                                    <div class='input-group date'>
                                        <input type='text' id='datetimepicker1' class="form-control"/>
                                        <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar"></span>
                                            </span>
                                    </div>
                                    <label>更新时间：</label>
                                    <div class='input-group date'>
                                        <input type='text' id='datetimepicker2' class="form-control"/>
                                        <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar"></span>
                                            </span>
                                    </div>
                                    <select class="form-control" id="uStatus">
                                        <option value="">全部</option>
                                        {{range $k,$v:=.status}}
                                            <option value="{{$k}}">{{$v}}</option>
                                        {{end}}
                                    </select>
                                    <button type="button" onclick="transfer.transfer_do_paging()"
                                            class="btn btn-theme03">搜索
                                    </button>
                                    {{if IfOr .right }}
                                        &nbsp;&nbsp;
                                        <label>成功转账金额：</label>
                                        <label id="_t_recharge_amount" style="color: red"></label>
                                        <label> 元</label>
                                    {{end}}
                                </lable>
                                <hr>
                                <thead>
                                <tr>
                                    <th><i class="fa fa-bullhorn"></i> 序号</th>
                                    <th><i class="glyphicon glyphicon-user"></i> 用户名</th>
                                    <th><i class="glyphicon glyphicon-list-alt"></i> 订单编号</th>
                                    <th><i class="fa fa-cny"></i> 充值金额(元)</th>
                                    <th><i class="fa fa-keyboard-o"></i> 更新时间</th>
                                    <th><i class="glyphicon glyphicon-refresh"></i> 状态</th>
                                    <th><i class="glyphicon glyphicon-list-alt"></i> 备注</th>
                                    <th><i class="fa fa-tags"></i> 操作</th>
                                </tr>
                                </thead>
                                <tbody id="your_showtime"></tbody>
                            </table>

                            <!-- 分页容器： 显示分页按钮-->
                            <div class="col-lg-12" align="center">
                                <ul id="xf_page"></ul>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- col-lg-12-->
            </div>
            <!-- /form-panel -->
            <!-- CUSTOM TOGGLES -->
        </section>
        <!-- /wrapper -->
    </section>
    <!-- /MAIN CONTENT -->
    <!--main content end-->

    <!--footer start-->
    <footer class="site-footer">
        <div class="text-center">
            <p>
                &copy; Copyrights <strong>Joker</strong>. All Rights Reserved.
            </p>
        </div>
    </footer>
    <!--footer end-->
</section>

{{template "template/js.html" .}}

<script type="text/javascript">
    $(function () {
        toastr.options.positionClass = 'toast-top-center';

        $("#datetimepicker1").datetimepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            autoclose: true,
            todayBtn: true,
            startDate: "2019-4-10 18:45:06",
            minuteStep: 20
        });
        $("#datetimepicker2").datetimepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            autoclose: true,
            todayBtn: true,
            startDate: "2019-4-10 18:45:06",
            minuteStep: 20
        });

        transfer.transfer_do_paging();

        setInterval(function () {
            window.location.reload();
        }, 1000 * 60 * 10)
    });
</script>

</body>

</html>